﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
<title>信保通</title>
<!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script type="text/javascript" src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script type="text/javascript" src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Phoenixcoded">
<meta name="keywords"
	content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="Phoenixcoded">
<!-- Favicon icon -->
    <link rel="icon" href="../static/assets/images/favicon.ico" type="image/x-icon">
<!-- Google font-->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" href="../static/bower_components/bootstrap/css/bootstrap.min.css">
<!-- themify icon -->
<link rel="stylesheet" type="text/css" href="../static/assets/icon/themify-icons/themify-icons.css">
<!-- ico font -->
<link rel="stylesheet" type="text/css" href="../static/assets/icon/icofont/css/icofont.css">
<!-- flag icon framework css -->
<link rel="stylesheet" type="text/css" href="../static/assets/pages/flag-icon/flag-icon.min.css">
<!-- Menu-Search css -->
<link rel="stylesheet" type="text/css" href="../static/assets/pages/menu-search/css/component.css">
<!-- Horizontal-Timeline css -->
<link rel="stylesheet" type="text/css" href="../static/assets/pages/dashboard/horizontal-timeline/css/style.css">
<!-- amchart css -->
<link rel="stylesheet" type="text/css" href="../static/assets/pages/dashboard/amchart/css/amchart.css">
<!-- flag icon framework css -->
<link rel="stylesheet" type="text/css" href="../static/assets/pages/flag-icon/flag-icon.min.css">
<!-- Style.css -->
<link rel="stylesheet" type="text/css" href="../static/assets/css/style.css">
<!--color css-->
<!-- Date-time picker css -->
<link rel="stylesheet" type="text/css" href="../static/assets/pages/advance-elements/css/bootstrap-datetimepicker.css">
<!-- Date-range picker css  -->
<link rel="stylesheet" type="text/css" href="../static/bower_components/bootstrap-daterangepicker/css/daterangepicker.css" />
<!-- Date-Dropper css -->
<link rel="stylesheet" type="text/css" href="../static/bower_components/datedropper/css/datedropper.min.css" />
<!-- Data Table Css -->
<link rel="stylesheet" type="text/css" href="../static/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="../static/assets/pages/data-table/css/buttons.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="../static/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css">

<link rel="stylesheet" type="text/css" href="../static/assets/css/linearicons.css">
<link rel="stylesheet" type="text/css" href="../static/assets/css/simple-line-icons.css">
<link rel="stylesheet" type="text/css" href="../static/assets/css/ionicons.css">
<link rel="stylesheet" type="text/css" href="../static/assets/css/jquery.mCustomScrollbar.css">
<!-- pages -->
<link rel="stylesheet" href="../static/assets/css/element.css">
<link rel="stylesheet" href="../static/assets/css/common.css">
<style>
.card__system ul { display:flex; flex-flow: row wrap; }
@media screen and (min-width:1480px) {
	.card__system ul { justify-content:center; }
}
.card__system li { width:101px; margin-bottom:30px; }
.card__systemIcon { text-align:center; background:#f86767; border-radius:50%; margin:auto; margin-bottom:10px; wid50px; height:50px; line-height:65px; color:#fff;}
.card__systemIcon .icofont { font-size:30px;}
.card__systemText { text-align:center; font-size:12px;}
.card__system a .card__systemText { color:#333;}
.card__system a:hover .card__systemIcon { background:#e6061f; box-shadow:0 0 6px 2px rgba(0,0,0,.3); transform:scale(1.1)}
.card__system a:hover .card__systemText { color:#e6061f;}
</style>
</head>

<body>
<!-- Pre-loader start -->
	<div class="theme-loader">
	</div>
	<!-- Pre-loader end -->
	<!-- Menu header start -->
	<div id="pcoded" class="pcoded">
		<div class="pcoded-overlay-box"></div>
		<div class="pcoded-container navbar-wrapper">
            <div id="topBar"></div>
			<div class="pcoded-main-container">
				<div class="pcoded-wrapper">
				    <!-- nav -->
				    <div id="sidebarNavbar"></div>
					<div class="pcoded-content">
						<div class="pcoded-inner-content">
                            <!-- main start -->
                            <div class="main-body" id="mainBody">
                                <div class="page-wrapper">
                                    <div class="row">
                                        <div class="col-lg-6">
			                              <div class="card card-border-primary">
			                                  <div class="card-header">
			                                      <h5><i class="icofont icofont-cube"></i> 产品管理</h5>
			                                      <div class="f-right" id="producted">
			                                          <a href="/jump/product/productItems#product" class="btn btn-primary btn-mini">查看全部</a>
			                                      </div>
			                                  </div>
			                                  <div class="card-block">
			                                    <ul class="index-ul">
			                                      <li v-for="product in productItems"><span class="liShowClick" @click="clickProductLi(product)">{{product.productname}}</span><cite>{{product.createtime}}</cite></li>
			                                    </ul>
			                                  </div>
			                              </div>
			                          </div>
			                          <div class="col-lg-6">
			                              <div class="card card-border-primary">
			                                  <div class="card-header">
			                                      <h5><i class="icofont icofont-document-folder"></i> 项目/活动管理</h5>
			                                      <div class="f-right" id="activityed">
			                                          <a href="/jump/product/productItems#activity" class="btn btn-primary btn-mini">查看全部</a>
			                                      </div>
			                                  </div>
			                                  <div class="card-block">
			                                    <ul class="index-ul">
			                                      <li v-for="project in projectItems"><span class="liShowClick" @click="clickProjectLi(project)">{{project.projectname}}</span><cite>{{project.createtime}}</cite></li>
			                                    </ul>
			                                  </div>
			                              </div>
			                          </div>
                                        <div class="col-md-6 col-xl-3" v-for="(hotMenu,index) in hotMenus" v-if="index<4" @click="openUrl(hotMenu.url,hotMenu.id)">
                                            <div class="card social-widget-card">
                                                <div :class="['card-block-big',hotMenu.css]">
                                                    <h3>{{hotMenu.text}}</h3>
                                                    <span>{{hotMenu.notes}}</span>
                                                    <i :class="hotMenu.icon"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                    	<div class="col-lg-12">
                                    		<div class="card card-border-primary">
                                    			<div class="card-header" style="border-bottom:none;">
                                    				<h5><i class="icofont icofont-ui-settings"></i> 系统列表</h5>
                                    			</div>
                                    			<div class="card-block card__system" style="margin-top:-1rem;">
                                    				<ul>
                                    					<li><a target="_blank" :href="systemUrl.hrpmsUrl"><div class="card__systemIcon"><i class="icofont icofont-people"></i></div><div class="card__systemText">人力资源考勤<br>管理系统</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.upsUrl"><div class="card__systemIcon"><i class="icofont icofont-cur-renminbi"></i></div><div class="card__systemText">预算及付款<br>管理系统(UPS)</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.uamsUrl"><div class="card__systemIcon"><i class="icofont icofont-finger-print"></i></div><div class="card__systemText">权限统一<br>管理平台</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.riUrl"><div class="card__systemIcon"><i class="icofont icofont-growth"></i></div><div class="card__systemText">风险<br>管理系统</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.rdmUrl"><div class="card__systemIcon"><i class="icofont icofont-architecture-alt"></i></div><div class="card__systemText">IT研发<br>管理系统</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.rrsUrl"><div class="card__systemIcon"><i class="icofont icofont-ui-calendar"></i></div><div class="card__systemText">资源预订<br>系统</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.crmUrl"><div class="card__systemIcon"><i class="icofont icofont-live-support"></i></div><div class="card__systemText">客户关系<br>管理系统</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.mbUrl"><div class="card__systemIcon"><i class="icofont icofont-goal-keeper"></i></div><div class="card__systemText">营销业务<br>支持系统(外勤)</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.mbmsUrl"><div class="card__systemIcon"><i class="icofont icofont-site-map"></i></div><div class="card__systemText">营销业务支持<br>系统后台管理(外勤)</div></a></li>
                                    					<li><a target="_blank" :href="systemUrl.xytUrl"><div class="card__systemIcon"><i class="icofont icofont-electron"></i></div><div class="card__systemText">信易通2.0</div></a></li>
                                    				</ul>
                                    			</div>
                                    		</div>
                                    	</div>
                                    </div>
                                </div>
                            </div>
                            <!-- main end -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Older IE warning message -->
	<!-- Warning Section Ends -->
	<!-- Required Jqurey -->
	<script type="text/javascript" src="../static/bower_components/jquery/js/jquery.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/jquery-ui/js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/popper.js/js/popper.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/bootstrap/js/bootstrap.min.js"></script>
	<!-- jquery slimscroll js -->
	<script type="text/javascript" src="../static/bower_components/jquery-slimscroll/js/jquery.slimscroll.js"></script>
	<!-- modernizr js -->
	<script type="text/javascript" src="../static/bower_components/modernizr/js/modernizr.js"></script>
	<script type="text/javascript" src="../static/bower_components/modernizr/js/css-scrollbars.js"></script>
	<!-- classie js -->
	<script type="text/javascript" src="../static/bower_components/classie/js/classie.js"></script>


	<!-- i18next.min.js -->
	<script type="text/javascript" src="../static/bower_components/i18next/js/i18next.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/jquery-i18next/js/jquery-i18next.min.js"></script>



	<!-- Bootstrap date-time-picker js -->
	<script type="text/javascript" src="../static/assets/pages/advance-elements/moment-with-locales.min.js"></script>
	<script type="text/javascript" src="../static/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript" src="../static/assets/pages/advance-elements/bootstrap-datetimepicker.min.js"></script>
	<!-- Date-range picker js -->
	<script type="text/javascript" src="../static/bower_components/bootstrap-daterangepicker/js/daterangepicker.js"></script>
	<!-- Date-dropper js -->
	<script type="text/javascript" src="../static/bower_components/datedropper/js/datedropper.min.js"></script>
	<!-- Custom js -->
	<script type="text/javascript" src="../static/assets/pages/advance-elements/custom-picker.js"></script>
	<script type="text/javascript" src="../static/assets/js/script.js"></script>
	<script type="text/javascript" src="../static/assets/js/pcoded.min.js"></script>
	<!-- pcmenu js -->
	<script type="text/javascript" src="../static/assets/js/pcoded.min.js"></script>
	<script type="text/javascript" src="../static/assets/js/demo-12.js"></script>
	<script type="text/javascript" src="../static/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
	<script type="text/javascript" src="../static/assets/js/jquery.mousewheel.min.js"></script>
    <!-- datatables -->
    <script type="text/javascript" src="../static/bower_components/datatable/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="../static/bower_components/datatable/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="../static/bower_components/datatable/jszip.min.js"></script>
    <script type="text/javascript" src="../static/bower_components/datatable/pdfmake.min.js"></script>
    <script type="text/javascript" src="../static/bower_components/datatable/vfs_fonts.js"></script>
    <script type="text/javascript" src="../static/bower_components/datatable/buttons.html5.min.js"></script>
    <!-- vue -->
    <script type="text/javascript" src="../static/assets/js/vue/vue.min.js"></script>
    <script type="text/javascript" src="../static/assets/js/vue/element.js"></script>
    <!-- pages -->
    <script type="text/javascript" src="../static/assets/js/pages/common.js"></script>
    <script type="text/javascript" src="../static/assets/js/pages/index.js"></script>
    
</body>

</html>
